jQuery(document).ready(function ($) {
  // AJAX nonce for security
  //var cerivpn_nonce = cerivpn_vars.nonce;
  //var cerivpn_nonce = '<?php echo wp_create_nonce('cerivpn_delete_nonce'); ?>';

  // Handle click on delete icon
  $(".delete-icon").on("click", function () {
    var deleteIcon = $(this);
    var vpnId = deleteIcon.data("id");

    // Confirm the delete action
    var confirmDelete = confirm("Are you sure you want to delete this record?");

    if (confirmDelete) {
      // AJAX request to delete VPN data
      $.ajax({
        type: "POST",
        url: cerivpn_vars.ajaxurl, // Use the localized ajaxurl
        data: {
          action: "delete_vpn_data",
          nonce: cerivpn_vars.nonce, // Access the nonce from cerivpn_vars
          id: vpnId,
        },
        success: function (response) {
          console.log(response);
          if (response.success) {
            // Remove the table row on successful deletion
            deleteIcon.closest("tr").remove();
            alert(response.data.message);
          } else {
            alert(response.data.message);
          }
        },
        error: function (error) {
          console.log(error);
        },
      });
    }
  });
});